@font-face {
	font-family: 'Open-Sans';
	src: url('../resources/fuentes/open_sans-webfont.eot');
	src: url('../resources/fuentes/open_sans-webfont.eot?#iefix')
		format('embedded-opentype'), url('../fuentes/open_sans-webfont.woff')
		format('woff'), url('../fuentes/open_sans-webfont.ttf')
		format('truetype'),
		url('../resources/fuentes/open_sans-webfont.svg#antipastoregular')
		format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: sans-serif;
}

#layout {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.35, #3D1840
		), color-stop(0.96, #5C335A));
	background-image: -o-linear-gradient(bottom, #3D1840 35%, #5C335A 96%);
	background-image: -moz-linear-gradient(bottom, #3D1840 35%, #5C335A 96%);
	background-image: -webkit-linear-gradient(bottom, #3D1840 35%, #5C335A 96%);
	background-image: -ms-linear-gradient(bottom, #3D1840 35%, #5C335A 96%);
	background-image: linear-gradient(to bottom, #3D1840 35%, #5C335A 96%);
}

#layout {
	position: absolute;
	height: 100%;
	width: 100%;
	min-width: 512px;
}

#boxSecurity {
	height: 320px;
	width: 510px;
	background-color: #FFFFFF;
	margin: 0 auto 0 auto;
	-webkit-box-shadow: -3px -3px 48px -7px rgba(71, 18, 71, 0.71);
	-moz-box-shadow: -3px -3px 48px -7px rgba(71, 18, 71, 0.71);
	box-shadow: -3px -3px 48px -7px rgba(71, 18, 71, 0.71);
}

.boxLoginHead {
	font-size: 16px;
	line-height: 70px;
	color: #FFFFFF;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1, #723075),
		color-stop(1, #6F4A71));
	background-image: -o-linear-gradient(bottom, #723075 100%, #6F4A71 100%);
	background-image: -moz-linear-gradient(bottom, #723075 100%, #6F4A71 100%);
	background-image: -webkit-linear-gradient(bottom, #723075 100%, #6F4A71 100%);
	background-image: -ms-linear-gradient(bottom, #723075 100%, #6F4A71 100%);
	background-image: linear-gradient(to bottom, #723075 100%, #6F4A71 100%);
	font-family: sans-serif;
	font-size: 16px;
	line-height: 70px;
}

.boxText {
	margin-left: 20px;
}

.boxLogin {
	height: 60px;
	background: #f0eef0;
	width: 470px;
	margin-left: 20px;
	line-height: 60px;
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	border: 1px solid #dbd7db;
	margin-top: 18px;
	border-radius: 2px 2px 2px 2px;
}

.imgLogin {
	position: relative;
	float: right;
	width: 73px;
	height: 60px;
}

.imgLoginUser {
	background-image: url("../resources/img/person.png");
	background-repeat: no-repeat;
	background-position: center;
}

.imgLoginLocked {
	background-image: url("../resources/img/lock-icon.png");
	background-repeat: no-repeat;
	background-position: center;
}

.boxLogin label {
	width: 90px;
	display: inline-flex;
	margin-left: 20px;
	color: #757375;
}

.boxLogin input {
	height: 30px;
	width: 279px;
	font-size: 17px;
	color: #969696;
}

.boxButtom {
	height: 60px;
	width: 470px;
	margin-left: 20px;
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	margin-top: 18px;
}

.buttomLogin {
	height: 42px;
	width: 90px;
	background-color: #6b486e;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border: 1px solid #dbd7db;
	color: #FFFFFF;
	cursor: pointer;
}

.boxCompany {
	float: right;
	margin-right: 20px;
}

#footer {
	position: relative;
	height: 50px;
	background-color: #FFFFFF;
	opacity: 0.4;
	filter: alpha(opacity = 40); /* For IE8 and earlier */
	margin-top: 116px;
	text-align: center;
	line-height: 50px;
}

.error {
	border-color: red;
}

.messagesLogin {
	margin-left: 17px;
	color: red;
	font-size: 15px;
}
